<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title>jQuery textarea autosize plugin example</title>
  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  <script type="text/javascript" src="jquery.jcautosizer.js"></script>
<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.1.1/css/bootstrap.no-icons.min.css" rel="stylesheet">
  </head>

    <body>
      <div class="container">
        <div class="hero-unit">
        <h2 class="blue">Demo for jQuery textarea autosize plugin example</h2><br>
        <p><a class="btn btn-primary btn-large" href="http://jaspreetchahal.org/jquery-textarea-autosize-plugin/">&laquo; Tutorial</a></p>
      </div>  
       
<br><br><br><br><br>
   <textarea class="testMaxHeight" ></textarea> Max Height (250px)
<br>
   <textarea class="testNoScroll" >Dis elementum ultrices enim odio penatibus, adipiscing dignissim, sit, ac, hac mid et parturient! Eu quis eros? Cras auctor augue, ridiculus urna amet eu, elementum sed cursus amet duis egestas auctor non scelerisque, adipiscing non vel, pellentesque integer sit. Integer in vut, adipiscing in eu dictumst mattis aenean magna eros hac elementum nec nunc proin, ridiculus, magna proin vel risus, elementum sit! Enim facilisis adipiscing tristique elementum lundium turpis in, nunc? Cras. A enim quis et porta arcu ac sed ut? Porta tempor purus platea, egestas augue placerat magna quis lacus pulvinar! Adipiscing dolor. Diam mauris adipiscing in, odio mauris nec, tortor. Augue, facilisis, a ut hac lorem. Aliquet mid est! A, habitasse et auctor i</textarea> Infinite height
  <script type="text/javascript">
$(document).ready(function() {	
       jQuery('textarea.testMaxHeight').jcautosize({            
              boxShadowColor:'rgba(174, 4, 174, 0.7)',
              maxHeight:250
       });
       jQuery('textarea.testNoScroll').jcautosize({            
              boxShadowColor:'rgba(4, 174, 174, 0.7)',
              maxHeight:0        
       });
 });
  </script>
  
    </body>
</html>

